<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg">
xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" 
   width="500px" height="400px" 
  viewBox="0 0 1000 800" zoomAndPan="disable"
  <!--rect style="fill:black; stroke:blue; stroke-width:10;" x="0" y="0" width="500" height="400"/-->
  <line x1="60" y1="20" x2="60"  y2="350" style="stroke:white;stroke-width:5"/>
  <line x1="57" y1="350" x2="350" y2="350" style="stroke:white;stroke-width:5;"/>
  
  {% for sc in scale %}
  <p>{{sc}}</p>
	<line x1="50" y1="{{sc}}" x2="70" y2="{{sc}}" style="stroke:white;stroke-width:5;"/>
  {% endfor %}
  
  <line x1="50" y1="230" x2="70" y2="230" style="stroke:white;stroke-width:5;"/>
  <line x1="50" y1="170" x2="70" y2="170" style="stroke:white;stroke-width:5;"/>
  <line x1="50" y1="110" x2="70" y2="110" style="stroke:white;stroke-width:5;"/>
  <line x1="50" y1="50" x2="70" y2="50" style="stroke:white;stroke-width:5;"/>
  </svg> 
 
</body>
</html>

